﻿<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="renderer" content="webkit">
		<title>{:config('sitename')}-{:lang('label')['Login_title']}</title>
		<link rel="stylesheet" href="http://www.pintuer.com/css/pintuer.css">
		{css href="__ROOT__/static/public/js/webuploader/webuploader.css" /}
		<script src="http://www.pintuer.com/js/jquery.js"></script>
		<script src="http://www.pintuer.com/js/pintuer.js"></script>
		{js href="__ROOT__/static/admin/js/admin.js" /}
		{js href="__ROOT__/static/public/js/webuploader/webuploader.js" /}
	</head>

	<body>
	<style>
		html { overflow-x:hidden; }
	</style>
<div class="page-container">
        <h1 id="demo">Demo</h1>

<p>您可以尝试文件拖拽，使用QQ截屏工具，然后激活窗口后粘贴，或者点击添加图片按钮，来体验此demo.</p>

<div id="uploader" class="wu-example">
    <div class="queueList filled">
        <div id="dndArea" class="placeholder element-invisible">
            <div id="filePicker" class="webuploader-container"><div class="webuploader-pick">点击选择图片</div><div id="rt_rt_1barmsl6qmslqo0r3giag16qo1" style="position: absolute; top: 0px; left: 75.8281px; width: 168px; height: 44px; overflow: hidden; bottom: auto; right: auto;"><input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*"><label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label></div></div>
            <p>或将照片拖到这里，单次最多可选300张</p>
        </div>
    <ul class="filelist"></ul></div>
    <div class="statusBar" style="">
        <div class="progress" style="display: none;">
            <span class="text">0%</span>
            <span class="percentage" style="width: 0%;"></span>
        </div><div class="info"></div>
        <div class="btns">
            <div id="filePicker2" class="webuploader-container"><div class="webuploader-pick">继续添加</div><div id="rt_rt_1barmsl6u1692lv918tpu9h1m426" style="position: absolute; top: 0px; left: 10px; width: 94px; height: 42px; overflow: hidden; bottom: auto; right: auto;"><input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*"><label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label></div></div><div class="uploadBtn state-ready">开始上传</div>
        </div>
    </div>
</div>

    </div>
{include file="public/footer" /}